@extends('layouts.master')
@section('head')
	@parent
	<title>FACT - Gallery</title>
	<script type="text/javascript" src="/js/jquery.fancybox.js"></script>
		<link rel="stylesheet" type="text/css" href="/css/jquery.fancybox.css" media="screen" />
	   	<script type="text/javascript">
			$(document).ready(function() {
				$('.fancybox').fancybox();
			});
	</script>
@stop

@section('content')		
     <div class="main">
      <div class="shop_top">
		<div class="container">
			<div class="row ex_box">
				@if(Auth::user()->first_name == 'Admin')
					<div class="container" style="margin-top: -30px;">
						<div class="col-md-1" style="margin-left: -20px;">
							<button class="btn btn-primary"><a href="/gallery/upload/{{$album_id}}" style="color:white;">Add photos</a></button>
						</div>
					</div>
				@endif

				<br />	

				<h3 class="m_2">photos</h3>
				@foreach($photos as $photo)
					<div class="col-md-4 team1">
						<div class="img_section magnifier2 photo-border" style="margin-bottom: 40px;">
						  <a class="fancybox" href="/images/{{$photo->image}}" data-fancybox-group="gallery"><img src="/images/{{$photo->image}}" class="img-responsive" alt=""><span> </span></a>
						</div>
					</div>
				@endforeach
		    </div>
		 
		    </div>
		 </div>
	   </div>
	  </div>				
@stop